/*
* @Author: Administrator
* @Date:   2017-04-17 15:41:24
* @Last Modified by:   Administrator
* @Last Modified time: 2017-04-17 15:59:40
*/

body,
ul,
li,
p,
h1,
h2,
h3,
h4 {
    padding: 0px;
    margin: 0px;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: none;
}

.clear {
    clear: both;
}

body {
    text-align: center;
}

.header {
    width: 100%;
    background: url(../images/header_bg.png) repeat-x;
    position: fixed;
    box-shadow: 1px 1px 5px #CCC;
    height: 135px;
    border-bottom: 1px solid transparent;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop));
    _left: 0px;
    z-index: 100;
}

.top,
.nav,
.product,
.new_list,
.servics,
.mokuai,
.youlian,
.footer_main {
    width: 1000px;
    margin: 0px auto;
    text-align: left;
}

.top {
    padding: 10px 0px;
    font: 12px "微软雅黑";
    color: #7F7F7F;
}

.logo {
    float: left;
    padding: 25px 0px 5px;
    margin: 0;
}

.nav-left {
    float: right;
}

.nav-left p {
    text-align: right;
    margin-right: 60px;
    color: #3F3F3F;
    font: 14px "微软雅黑";
    margin-top: 15px;
    margin-bottom: 0;
}

.nav-left p img {
    vertical-align: middle;
    margin: 5px;
}

.nav-left span {
    color: #0060b7;
    font: 20px "微软雅黑";
}

.nav-left ul li {
    float: left;
    margin: 5px 0px 10px;
}

.nav-left li a {
    width: 100px;
    line-height: 40px;
    height: 35px;
    display: block;
    text-align: center;
    font: normal 400 14px 'Microsoft YaHei';
    color: #333333;
}

.nav-left li a:hover {
    color: #0060b7;
    background: url(../images/nav_bg.png) repeat-x 50% 100%;
    font-weight: bolder;
}


/*banner start*/

.flexslider {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    zoom: 1;
    padding-top: 135px;
}

.flexslider .slides li {
    width: 100%;
    height: auto;
}

.flexslider .slides li img{
    width: 100%;
    height: auto;
}

.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: 15px 0;
    display: block;
    background: url(../images/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}

.flex-direction-nav .flex-prev {
    left: 0;
}

.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    background: url(../images/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}
.banner{
	margin: 0px auto;
}

.flexslider .slides a img {
	width:100%;
    /*width: 100%;*/
   /* height: 500px;*/
    display: block;
}


/*banner stop*/


/*product start*/

.product,
.servics {
    text-align: center;
}

h1 ,h3{
    font: 48px "微软雅黑";
    color: #0060b7;
    margin-top: 55px;
}

h2 {
    color: #262626;
    font: 24px "微软雅黑";
    background: url(../images/line.png) no-repeat center bottom;
    padding: 20px 0px;
}

.product ul {
    width: 930px;
    margin: 20px auto 0px;
}

.product li {
    float: left;
    margin: 20px 10px;
    *display: inline;
    width: 290px;
}

.product a img {
    width: 280px;
    height: 280px;
    border: 5px solid #fff;
}

.product a:hover img {
    width: 280px;
    height: 280px;
    border: 5px solid #0060b7;
}

.product span {
    display: block;
    color: #262626;
    font: 14px "微软雅黑";
    margin: 15px 0px;
    display: inline-block;
    line-height: 14px;
    height: 14px;
    overflow: hidden;
}


/*product stop*/


/*new start*/

.new {
    width: 100%;
    background: url(../images/new_bg.jpg) no-repeat 0px 150px;
    height: 550px;
}

.new_list {
    margin-top: 50px;
}

.new_left {
    width: 730px;
    float: left;
}

.new_left h3 {
    background: url(../images/newh.png) no-repeat;
    padding: 5px 89px 15px;
    color: #fff;
    font: 400 14px "微软雅黑";
}

.new_left img {
    float: left;
}

.new_left li {
    margin: 20px 0px 30px;
    border-bottom: 1px dashed #999;
    padding-bottom: 10px;
}

.news {
    width: 640px;
    float: right;
}

.news a {
    color: #333;
    font: 700 14px "微软雅黑";
}

.news a:hover {
    text-decoration: underline;
    color: #C90E17;
}

.news p {
    font: 400 12px "微软雅黑";
    color: #333;
    margin-top: 5px;
}

.new_right {
    width: 260px;
    float: right;
    height: 335px;
    background: url(../images/new.png) no-repeat 5px 0px;
}

.new_right a {
    width: 108px;
    padding: 10px 0px;
    margin: 190px 0px 0px 165px;
    display: block;
    font: 400 16px "微软雅黑";
    background: url(../images/chakan_bg.png) no-repeat;
    color: #fff;
    text-align: center;
}

.servics p {
    margin-top: 14px;
    text-align: center;
    color: #3F3F3F;
    font: 400 14px "微软雅黑";
}


/*new stop*/

.tubiao {
    width: 100%;
    /*background:url(../images/tubiao_bg.jpg) no-repeat;*/
    margin-top: 30px;
    padding-top: 10px;
}

.mokuai li {
    float: left;
    margin: 50px 40px 20px;
    *display: inline;
    text-align: center;
}

.mokuai span {
    display: block;
    margin-top: 20px;
    color: #000;
    font: 400 16px "微软雅黑";
}

.youlian {
    margin: 50px auto 0px;
}

.youlian h3 {
    float: left;
    font: 400 16px "微软雅黑";
    width: 40px;
    border-right: 2px solid #d0d0d0;
}

.youlian ul {
    float: left;
}

.youlian li {
    float: left;
    margin: 12px 20px;
    *display: inline;
}

.youlian a {
    color: #000;
    font: 400 14px "微软雅黑";
}

.footer {
    width: 100%;
    background: url(../images/footer_bg.jpg) no-repeat center top;
    height: 350px;
}

.footer_nav {
    width: 300px;
    float: left;
    margin: 60px 0px 0px 160px;
}

.footer_nav ul {
    background: url(../images/footer_ul.png) no-repeat 0px 9px;
}

.footer_nav li {
    line-height: 30px;
    padding-left: 35px;
}

.footer_nav a {
    font: bold 14px "微软雅黑";
    color: #fff !important;
}

.footer_lianxi {
    width: 400px;
    padding: 10px;
    float: right;
    margin-top: 10px;
    color: #fff;
}

.footer_lianxi p,
.footer_lianxi ul {
    margin-top: 10px;
    margin-left: -33px;
}

.footer_lianxi li {
    font: bold 14px "微软雅黑";
    color: #fff;
    line-height: 2em;
}

.footer_banquan {
    text-align: center;
    margin-top: 50px;
    line-height: 2.5em;
    font: 12px "微软雅黑";
    color: #fff;
}

.pro_list {
    width: 1000px;
    margin: 0px auto;
}

.pro_nav {
    width: 100%;
    background: #EEE;
    margin-bottom: 20px;
}

.zhanting {
    width: 100%;
    height: 470px;
    background: url(../images/zhanting.jpg) no-repeat center bottom;
    overflow: hidden;
    position: relative;
}

.cp {
    width: 1000px;
    height: 600px;
    position: relative;
    margin: 0 auto;
}

.cp1,
.cp2,
.cp3,
.cp4,
.cp5,
.cp6 {
    width: 200px;
    height: 230px;
    position: absolute;
}

.zhanting .nav {
    position: absolute;
    width: 1300px;
    left: 50%;
    margin-left: -600px;
    top: 660px;
    display: flex;
    justify-content: flex-start;
}

.zhanting .nav a {
    font-size: 16px;
    font-weight: bold;
    color: white;
}

.zhanting .nav .a1 {
    margin: 0 110px 0 30px;
}

.zhanting .nav .a2 {
    margin-left: 2px;
}

.zhanting .nav .a3 {
    margin-left: 120px;
}

.zhanting .nav .a4 {
    margin-left: 90px;
}

.zhanting .nav .a5 {
    margin-left: 80px;
}

.zhanting .nav .a6 {
    margin-left: 160px;
}

.zhanting ul li a {
    color: white;
    font-size: 18px;
}

.zhanting .zhanting_text ul li {
    list-style: none;
    float: left;
    font-size: 18px;
    color: white;
}

.zhanting a {
    display: block;
}

.cp1 {
    left: -94px;
    bottom: -33px;
}

.cppp2 a {
    -webkit-background-size: contain !important;
    background-size: contain !important;
}

.cp1 a {
    width: 91px;
    height: 188px;
}

.cp1 a:hover1 {
    background: url(../images/c1b.png) no-repeat !important;
}

.cp2 {
    bottom: -44px;
    left: 23px;
}

.cp2 a {
    width: 239px;
    height: 185px;
}

.cp2 a:hover1 {
    background: url(../images/c2b.png) no-repeat !important;
}

.cp3 {
    bottom: 12px;
    height: 280px;
    left: 310px;
}

.cp3 a {
    width: 232px;
    height: 291px;
}

.cp3 a:hover1 {
    background: url(../images/c3b.png) no-repeat !important;
}

.cp4 {
    left: 556px;
    bottom: 26px;
}

.cp4 a {
    width: 143px;
    height: 256px;
}

.cp4 a:hover1 {
    background: url(../images/c4b.png) no-repeat !important;
}

.cp5 {
    right: 90px;
    bottom: 1px;
}


/*.cp3.cppp3.hob a {
    height: 280px;
}*/

.cp5 a {
    width: 181px;
    height: 230px;
}

.cp5 a:hover1 {
    background: url(../images/c5b.png) no-repeat !important;
}

.cp6 {
    right: -153px;
    bottom: -30px;
}

.cp6 a {
    width: 155px;
    height: 202px;
}

.cp6 a:hover1 {
    background: url(../images/c6b1.png) no-repeat !important;
}

.hob a {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.hob a:hover {
    transform: scale(1.1);
}

.gongsi {
    width: 100%;
    height: 435px;
    background: url(../images/gongsi.jpg) no-repeat center 135px;
}

#view_navigator_28_277358084 {
    width: 800px;
    min-height: 40px;
    margin: 0px auto;
}

.view_navigator_28_277358084_Style2_Item0 {
    box-shadow: 0 0 0 transparent;
}

.view_navigator_28_277358084_Style2_Item0 .w_nav_item h3 a {
    background-color: transparent;
    color: #333333;
}

.view_navigator_28_277358084_Style2_Item0 .w_nav_item h3 a:hover {
    /*-backgrond-*/
    background-color: transparent;
    color: #0060b7;
    font-weight: bold;
}

.view_navigator_28_277358084_Style2_Item0 .w_nav_item:hover h3 a,
.view_navigator_28_277358084_Style2_Item0 .w_nav_item:hover h3 a:hover {
    color: #0060b7;
    background-color: transparent;
}

.view_navigator_28_277358084_Style2_Item0 .w_nav_item.w_nav_item_current h3 a {
    /*-background-*/
    background-color: transparent;
    /*-font-*/
    color: #0060b7;
    font-weight: bold;
}

.view_navigator_28_277358084_Style2_Item0 .w_nav_item.w_nav_item_current h3 a:hover {
    /*-backgrond-*/
    background-color: transparent;
    /*-font-*/
    color: #0060b7;
    font-weight: bold;
}

.zhengwen {
    margin-top: -100px;
}

.zhengwen p {
    line-height: 2em;
    text-align: left;
    text-indent: 2em;
    font-size: 18px;
}

.zhengwen img {
    width: 500px;
    margin: 20px 0px 20px 80px;
}

.pro_list,
.pro_listc {
    text-align: left;
    position: relative;
}

.pro_list h1 {
    font: bold 24px 微软雅黑, 'Microsoft YaHei';
    text-align: center;
    color: #000;
}

.pro_list h2 {
    font: bold 20px 微软雅黑, 'Microsoft YaHei';
    color: #FF6600;
}

.pro_list p {
    font-size: 18px;
    text-indent: 2em;
    line-height: 2em;
}

.pro_list img {
    width: auto;
    margin: 20px 0px;
}

.pro_list span {
    font-size: 18px;
}

.pro_list .wenhua {
    color: #FF6600;
    text-indent: 0px;
    color: #FF6600;
}

.pro_listc h1 {
    font: bold 24px 微软雅黑, 'Microsoft YaHei';
    text-align: center;
    color: #000;
}

.pro_listc h3 {
    color: #0070C0;
    font-size: 18px;
}

.pro_listc p,
.pro_listc li {
    line-height: 2em;
    font-size: 16px;
}

.pro_listc ul {
    list-style: circle;
}

.tu {
    text-align: center
}

.liantu {
    background: url(../images/7306319_sbn5.png) no-repeat center top;
    height: 300px;
    position: relative;
    top: 140px;
}

.service {
    background: url(../images/zhichi.jpg) no-repeat center top;
}

.lianxi {
    width: 1000px;
    margin: 20px auto;
}

.lianxil {
    width: 620px;
    float: left;
    border: 1px solid #DFDFDF;
    text-align: left;
    padding: 40px;
}

.lianxil h1,
.lianxil h2 {
    font: bold 18px 微软雅黑, 'Microsoft YaHei';
    background: none;
    line-height: 2em;
}

.lianxil p {
    font: 16px 微软雅黑, 'Microsoft YaHei';
    line-height: 2em;
}

.lianxir {
    width: 280px;
    float: right;
    height: 500px;
    border-left: 1px solid #DFDFDF;
}

.w_piclist_img a img {
    margin: 0px;
}

.servicel {
    border: none;
}

.servicel span {
    border-bottom: 1px solid #DFDFDF;
    display: block;
    line-height: 2em;
    background: url(../images/7205560_icon1.png) no-repeat;
    padding-bottom: 15px;
}

.servicel p {
    text-indent: 2em;
}

.view_text_6_277350851_Style1_Item0,
.view_text_6_277346318_Style1_Item0 {
    border-bottom-width: 1px;
    border-bottom-color: #cccccc;
    border-left-color: #cccccc;
    box-shadow: 0 0 0 transparent;
    background-image: url(../images/7205560_icon1.png);
    background-repeat: no-repeat;
    background-position: 20px 10px;
}

.anli {
    background: url(../images/anli.jpg) no-repeat center 125px;
}

.jiejue {
    background: url(../images/solution1-banner.png) no-repeat center 145px;
}

.trimg {
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.trimg:hover {
    transform: scale(1.06);
    -moz-transform: scale(1.06, 1.06);
    -webkit-transform: scale(1.06, 1.06);
    -o-transform: scale(1.06, 1.06);
}

.pro_list img {
    /*display: table;*/
    margin: 20px auto;
}

.xzu {
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -ms-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.xzu:hover {
    transform: rotate(360deg);
}

.footer_lianxi img {
    opacity: 0
}

.nav {
    width: 1200px;
}


/*.hob a {
    background-size: contain !important;
}*/

.csae {
    width: 1200px;
    margin: 0 auto;
}

.csae li:nth-child(2n) {
    background: #7d6299;
}

.csae li {
    width: 30%;
    margin: 0 1%;
    float: left;
    background: #bab397;
    #height: 410px;
    margin-bottom: 20px;
	padding-bottom: 10px;
}

.csae a {
    color: #fff;
}

.csae img {
    width: 100%;
    height: 290px;
}

.clearBoth {
    clear: both;
}

.h33 {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-weight: bold;
}

.h34 {
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    text-align: justify;
    padding: 0 20px;
}

.link li a {
    color: #000;
    font-size: 14px;
    display: inline-block;
    margin: 0 5px;
}

.link li span {
    color: #005AAD;
    font-weight: bold;
    font-size: 18px;
}

.link li {
    float: left;
    height: 40px;
    line-height: 40px;
    color: #999;
    font-size: 12px;
}

.link {
    width: 1200px;
    margin: 0 auto;
}

		.ucc_quick_link {
			position: fixed;
			top: 110px;
			z-index: 9999;
			left: 0px;
			cursor: pointer;
			transition: all .3s ease;
		}

		.ucc_quick_link a.u_close {
			width: 13px;
			height: 13px;
			background: url(../images/quick_link_icon.png) no-repeat 0 -200px;
			display: block;
			overflow: hidden;
			position: absolute;
			top: 2px;
			right: 2px;
			text-indent: -9999px;
			cursor: pointer;
			z-index: 9999;
		}

		.ucc_quick_link ul {
			width: 110px;
			padding: 0;
			margin: 0;
		}

		.ucc_quick_link li {
			width: 110px;
			margin-bottom: 1px;
			list-style: none;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
		}

		.ucc_quick_link ul a {
			width: 110px;
			height: 56px;
			padding-top: 10px;
			display: block;
			color: #fff;
			text-decoration: none;
			position: relative;
		}

		.ucc_quick_link i {
			width: 34px;
			height: 25px;
			display: block;
			margin: 0 auto 2px;
			background: url(../images/quick_link_icon.png) no-repeat;
		}

		.ucc_quick_link .u_icon5 {
			background-position: 0 -100px;
		}

		.ucc_quick_link .u_icon6 {
			width: 40px;
			height: 40px;
			background-position: 0 -128px;
			transition: all .3s ease;
		}
		.ucc_quick_link .u_icon6 img{
			width: 100%;
			height: 100%;
		}

		.ucc_quick_link .bg1 {
			background: #93C400;
		}

		.ucc_quick_link .bg2 {
			background: #91c6df;
		}

		.ucc_quick_link .bg3 {
			background: #91c6df;
		}

		.ucc_quick_link .bg4 {
			background: #91c6df;
		}

		.ucc_quick_link .bg5 {
			overflow: hidden;
			width: 60px;
			transition: all .3s ease;
			background: #b83324;
			font-size: 14px;
			color: #ffffff;
			height: 50px;
			line-height: 50px;
		}

		.ucc_quick_link .bg6 {
			width: 60px;
			transition: all .3s ease;
			height: 70px;
			background: #1154a5;
		}

		.ucc_quick_link .bg6 p {
			color: #fff;
		}

		.ucc_quick_link .bg6 .utxt1 {
			padding-top: 10px;
			margin-bottom: 5px;
		}

		.ucc_quick_link .bg6 .utxt2 {
			padding-bottom: 5px;
		}

		.ucc_quick_link .bg6 .utxt3 {
			transition: all .3s ease;
			display: none;
			font-weight: 100;
			margin-top: 10px;
		}

		.ucc_quick_link .bg8 {
			background: #a4c0fa;
		}
		.ucc_quick_link {
		            position: fixed;
		            top: 110px;
		            z-index: 9999;
		            left: 0px;
		            cursor: pointer;
		            transition: all .3s ease;
		        }

@media only screen and (min-width: 500px) {
	.banner{
		width:1260px;
	}
}

@media only screen and (min-width: 1400px) {
	.banner{
		width:1510px;
	}
}
@media only screen and (min-width: 1600px) {
	.banner{
		width:1900px;
	}
	.flexslider{
		height:500px;
	}
}